<template>
    <div id="app">
        <ipt></ipt>
        <search />
        <tb />
    </div>
</template>
<script>
import ipt from "./components/ipt.vue"
import search from "./components/serach.vue"
import tb from "./components/tb.vue"
export default {
    components: {
        ipt,
        search,
        tb
    }
}
</script>
<style>
#app {
    width: 600px;
    margin: 10px auto;
}

.tb {
    border-collapse: collapse;
    width: 100%;
}
b {
    margin:0 10px;
}

.tb th {
    background-color: #0094ff;
    color: white;
}

.tb td,
.tb th {
    padding: 5px;
    border: 1px solid black;
    text-align: center;
}

.add {
    padding: 5px;
    border: 1px solid black;
    margin-bottom: 10px;
}
</style>